import header from '../header/index.vue'
import headerAD from '../header-ad/index.vue'
import pTextPng from '@/assets/img/micro-page/p-text.png'
import pTextActivePng from '@/assets/img/micro-page/p-text-active.png'
import titleText from '../title-text/index.vue'
import pNoticePng from '@/assets/img/micro-page/p-notice.png'
import pNoticeActivePng from '@/assets/img/micro-page/p-notice-active.png'
import notice from '../notice/index.vue'
import pSearchPng from '@/assets/img/micro-page/p-search.png'
import pSearchActivePng from '@/assets/img/micro-page/p-search-active.png'
import search from '../search/index.vue'
import pProdListPng from '@/assets/img/micro-page/p-prod-list.png'
import pProdListActivePng from '@/assets/img/micro-page/p-prod-list-active.png'
import goods from '../goods/index.vue'
import goodsWaterfallPng from '@/assets/img/micro-page/goods-waterfall.png'
import goodsWaterfallActivePng from '@/assets/img/micro-page/goods-waterfall-active.png'
import goodsWaterfall from '../goods-waterfall/index.vue'
import pImageADPng from '@/assets/img/micro-page/p-image-ad.png'
import pImageAdActivePng from '@/assets/img/micro-page/p-image-ad-active.png'
import imageAD from '../image-ad/index.vue'
import pTabsPng from '@/assets/img/micro-page/p-tabs.png'
import pTabsActivePng from '@/assets/img/micro-page/p-tabs-active.png'
import tabNav from '../tab-nav/index.vue'
import pPromotionPng from '@/assets/img/micro-page/p-promotion.png'
import pPromotionActivePng from '@/assets/img/micro-page/p-promotion-active.png'
import promotionalActivities
  from '../promotional-activities/index.vue'
import pHotareaPng from '@/assets/img/micro-page/p-hotarea.png'
import pHotareaActivePng from '@/assets/img/micro-page/p-hotarea-active.png'
import hotArea from '../hot-area/index.vue'
import PCGoodsModulePng from '@/assets/img/pc-micro-page/pc_goods_module.png'
import PCGoodsModuleActivePng from '@/assets/img/pc-micro-page/pc_goods_module_active.png'
import goodsModuleOne from '../goods-module-one/index.vue'
import goodsModuleTwo from '../goods-module-two/index.vue'
import goodsModuleThree from '../goods-module-three/index.vue'
import goodsModuleFour from '../goods-module-four/index.vue'
import goodsModuleFive from '../goods-module-five/index.vue'

export const componentLists = [
  {
    type: 'config', // 组件名称标识
    title: $t('shopFeature.allCanUse.config'),
    isHide: true, // 是否隐藏选择
    isHeader: true, // 是否为头部
    routerPath: shallowRef(header) // 路由地址
  },
  { // 公共广告头部配置
    type: 'config_common_ad',
    title: $t('shopFeature.allCanUse.config'),
    isHide: true, // 是否隐藏选择
    isHeader: true, // 是否为头部
    routerPath: shallowRef(headerAD)
  },
  // 标题文本
  {
    type: 'titleText',
    title: $t('shopFeature.allCanUse.titleText'),
    pic: pTextPng,
    picActive: pTextActivePng,
    routerPath: shallowRef(titleText)
  },
  // 公告
  {
    type: 'notice',
    title: $t('shopFeature.allCanUse.notice'),
    pic: pNoticePng,
    picActive: pNoticeActivePng,
    routerPath: shallowRef(notice)
  },
  // 搜索
  {
    type: 'search',
    title: $t('shopFeature.searchBar.searchBar'),
    pic: pSearchPng,
    picActive: pSearchActivePng,
    routerPath: shallowRef(search)
  },
  // 商品列表
  {
    type: 'goods',
    title: $t('shopFeature.allCanUse.goodsList'),
    pic: pProdListPng,
    picActive: pProdListActivePng,
    routerPath: shallowRef(goods)
  },
  // 商品瀑布流
  {
    type: 'goodsWaterfall',
    title: $t('shopFeature.allCanUse.goodsWaterfall'),
    pic: goodsWaterfallPng,
    picActive: goodsWaterfallActivePng,
    routerPath: shallowRef(goodsWaterfall)
  },
  // 图片广告
  {
    type: 'imageAd',
    title: $t('shopFeature.allCanUse.imgAd'),
    pic: pImageADPng,
    picActive: pImageAdActivePng,
    routerPath: shallowRef(imageAD)
  },
  // 导航栏
  {
    type: 'tabNav',
    title: $t('shopFeature.allCanUse.navigationBar'),
    pic: pTabsPng,
    picActive: pTabsActivePng,
    routerPath: shallowRef(tabNav)
  },
  // 促销活动
  {
    type: 'promotionalActivities',
    title: $t('shopFeature.allCanUse.activities'),
    pic: pPromotionPng,
    picActive: pPromotionActivePng,
    routerPath: shallowRef(promotionalActivities)
  },
  // 热区
  {
    type: 'hotArea',
    title: $t('shopFeature.imageAd.hotAreaTit'),
    pic: pHotareaPng,
    picActive: pHotareaActivePng,
    routerPath: shallowRef(hotArea)
  },
  {
    type: 'goodsModule1',
    title: $t('shopFeature.allCanUse.goodsModule1'),
    pic: PCGoodsModulePng,
    picActive: PCGoodsModuleActivePng,
    routerPath: shallowRef(goodsModuleOne)
  },
  {
    type: 'goodsModule2',
    title: $t('shopFeature.allCanUse.goodsModule2'),
    pic: PCGoodsModulePng,
    picActive: PCGoodsModuleActivePng,
    routerPath: shallowRef(goodsModuleTwo)
  },
  {
    type: 'goodsModule3',
    title: $t('shopFeature.allCanUse.goodsModule3'),
    pic: PCGoodsModulePng,
    picActive: PCGoodsModuleActivePng,
    routerPath: shallowRef(goodsModuleThree)
  },
  {
    type: 'goodsModule4',
    title: $t('shopFeature.allCanUse.goodsModule4'),
    pic: PCGoodsModulePng,
    picActive: PCGoodsModuleActivePng,
    routerPath: shallowRef(goodsModuleFour)
  },
  {
    type: 'goodsModule5',
    title: $t('shopFeature.allCanUse.goodsModule5'),
    pic: PCGoodsModulePng,
    picActive: PCGoodsModuleActivePng,
    routerPath: shallowRef(goodsModuleFive)
  }
]
